<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  <head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <meta http-equiv="Content-Language" content="en-us" />
    <meta name="robots" content="NONE,NOARCHIVE" />
    <link rel="stylesheet" type="text/css" href="{{ MEDIA_URL }}/main.css" />
    <title>{{ PAGE_TITLE }}</title>
  </head>
  <body>

    <h1> {{ hello_header }}</h1>
    <p>Visit also <a href="/display/5">5.</a> or <a href="/display/16">16. element</a>.</p>

    <h2>Books</h2>
    {% if books %}
      There are {{ books|length }} books:
    {% else %}
      There are no books.
    {% endif %}

    <ul>{{ books|unordered_list }}</ul>

    <table border="1">
      <tbody>
        {% for book in books %}
        <tr><td>{{ book }}</td></tr>
        {% endfor %}
      </tbody>
    </table>


  </body>
</html>
